<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <title>3Vue中的数据代理</title>
        <script type="text/javascript" src="../js/vue.js"></script>
        <!-- shortcut icon”这样做的结果是所有浏览器都可以理解此代码。只有当希望为新浏览器提供另一种备用图像,才有必要添加第二行使用icon -->
        <link rel ="shortcut icon" type="image/x-icon" href="../static/vue.jpg">
    </head>

    <body>
        <div id="root">
            <h1>学校名称:{{_data.name}}</h1>
            <h1>学校地址:{{address}}</h1>
        </div>
    </body>

    <script type="text/javascript">
        Vue.config.productionTip = false //阻止Vue在启动时生成生产提示
        
        let data = {
            name:'深圳大学',
            address:'广东省深圳市南山区南海大道3688号'
        }

        const vm = new Vue({
            el:'#root',
            data
        })
        
    </script>
</html>